<template>
    <div class="Footer">
      <el-row>
        <el-col class="phone" :span="5" :offset="7">
          <div class="icon-warp"><i style="font-size:40px" class="el-icon-phone-outline"></i></div>
          <div class="phone-content">客服电话：178-581-86127</div>
        </el-col>
        <el-col class="other" :span="10" :offset="1">
          <span style="border-left: 1px solid #ccc;">关于易特</span>
          <span>联系我们</span>
          <span>合作伙伴</span>
          <span>法律声明</span>
        </el-col>
      </el-row>
      <el-row>
        <el-col class="end">
          版权所有© 2006~2020 易特网 eat.com 沪ICP备00000000号 增值电信业务经营许可证：沪B2-000000 | 营业执照
        </el-col>
      </el-row>
    </div>
</template>

<script>
    export default {
        name: "Footer"
    }
</script>

<style scoped lang="stylus">
.Footer
  color #666
  background-color #F4F4F4
  .phone
    font-size 16px
    padding-top 20px
    box-sizing border-box
    .icon-warp
      width 40px
      height 40px
      margin 0 auto
    .phone-content
      width 220px
      height 25px
      margin 0 auto
  .other
    position relative
    top 34px
    >span
      padding: 0 10px;
      font-size: 12px;
      list-style: none;
      display: inline-block;
      vertical-align: middle;
      border-right: 1px solid #ccc;
  .end
    box-sizing border-box
    padding-top 8px
    height 36px
    text-align center
    font-size 12px
    background-color #242424
    color #8C8A8A
</style>
